@import url('https://chinese-fonts-cdn.deno.dev/packages/yzgcxst/dist/%E4%B9%9F%E5%AD%97%E5%B7%A5%E5%8E%82%E5%B0%8F%E7%9F%B3%E5%A4%B4/result.css');
@import url('https://chinese-fonts-cdn.deno.dev/packages/dymh/dist/DouyinSansBold/result.css');

@import 'tailwindcss';

@plugin "daisyui" {
  themes: light --default, dark --prefersdark, corporate;
}

:root {
  --font-myfontstyle1: 'YEFONTXiaoShiTou';
  --font-douyin: 'Douyin Sans';

  --myTheme-color-white: #ffffff;
  --myTheme-color-black: #000000;
  --myTheme-color-primary: #0064fa;
  --myTheme-color-secondary: #0095ee;
  --myTheme-color-tertiary: #6b7075;
  --myTheme-color-warning: #fc8800;
  --myTheme-color-danger: #f93920;
  --myTheme-color-success: #00b894;
  --myTheme-color-solidbase: #3e3f43;
  --myTheme-color-lightbase: #f4f5f5;
  --myTheme-color-disabled: #A9AAAB;


  --myTheme-color-primary-light: #0062d6;
  --myTheme-color-secondary-light: #007bca;
  --myTheme-color-tertiary-light: #555b61;
  --myTheme-color-warning-light: #d26700;
  --myTheme-color-danger-light: #d52515;
  --myTheme-color-solidbase-light: #46474b;
  --myTheme-color-lightbase-light: #eceded;
}

* {
  box-sizing: border-box;
}



body {
  background-color: rgb(255, 255, 255);
  height: 100%;
}

::-webkit-scrollbar {
  background-color: black;
  width: 10px;
}

.text-shadow {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 标题动画 */

.page-title span {
  display: inline-block;
  /* 使每个字可以独立设置动画 */
  animation: jump 1s infinite;
  /* 应用跳动动画，持续时间1秒，无限循环 */
}

.page-title span:nth-child(1) {
  animation-delay: 0s;
  /* 第一个字延迟0秒开始跳动 */
}

.page-title span:nth-child(2) {
  animation-delay: 0.2s;
  /* 第二个字延迟0.2秒开始跳动 */
}

.page-title span:nth-child(3) {
  animation-delay: 0.4s;
  /* 第三个字延迟0.4秒开始跳动 */
}

.page-title span:nth-child(4) {
  animation-delay: 0.6s;
  /* 第四个字延迟0.6秒开始跳动 */
}

.page-title span:nth-child(5) {
  animation-delay: 0.8s;
  /* 第四个字延迟0.8秒开始跳动 */
}

.page-title span:nth-child(6) {
  animation-delay: 1s;
  /* 第四个字延迟1.0秒开始跳动 */
}

@keyframes jump {

  0%,
  100% {
    transform: translateY(0);
    /* 初始和结束位置，不移动 */
  }

  50% {
    transform: translateY(-20px);
    /* 在动画中间位置向上移动20px */
  }
}

/* css动画 */

.animation-label-topin {
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.animation-label-topout {
  -webkit-animation: puff-out-hor 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: puff-out-hor 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.animation-centerin {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.animation-centerout {
  -webkit-animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.text-pop-up-top {
  -webkit-animation: text-pop-up-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: text-pop-up-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.scale-in-left {
  -webkit-animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-24 17:37:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-24 18:4:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation puff-out-hor
 * ----------------------------------------
 */
@-webkit-keyframes puff-out-hor {
  0% {
    -webkit-transform: scaleX(1) translateY(100px);
    transform: scaleX(1) translateY(100px);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(2) translateY(100px);
    transform: scaleX(2) translateY(100px);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

@keyframes puff-out-hor {
  0% {
    -webkit-transform: scaleX(1) translateY(100px);
    transform: scaleX(1) translateY(100px);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(2) translateY(100px);
    transform: scaleX(2) translateY(100px);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-25 0:53:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-25 0:55:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}

@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-25 0:59:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-pop-up-top
 * ----------------------------------------
 */
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: none;
  }

  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc,
      0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc,
      0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}

@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: none;
  }

  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc,
      0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc,
      0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-28 16:1:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-left {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
}

@keyframes scale-in-left {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
}